.center-box {
	width: 660rpx;
	height: 70vh;
	background: #FFFFFF;
	border-radius: 46rpx;
	backdrop-filter: blur(10rpx);
	padding-left: 40rpx;
	box-sizing: border-box;
}

.sexuality .center-box {
	background-image: linear-gradient(180deg, rgba(31, 80, 130, 0.47) 0%, rgba(142, 206, 255, 0.47) 100%);
	background-color: transparent;
}

.goddess .center-box, .queen .center-box {
	box-shadow: 0px 2rpx 30rpx 0px #E5CBCB;
}

.cb-item {
	width: 80rpx;
	height: 80rpx;
	background: #F4FFF4;
	box-shadow: inset 0px 0px 20rpx 0px rgba(35, 140, 0, 0.2);
	margin-bottom: 20rpx;
	border-radius: 50%;
	font-size: 40rpx;
	color: #58B938;
	margin-right: 20rpx;
}

.mentalHealth .cb-item, .depressed .cb-item {
	background-color: #DFFDFD;
	box-shadow: inset 0 0 20rpx 0 #A9E6E2;
	color: #0EA3B7;
}

.goddess .cb-item, .queen .cb-item {
	color: #D86A77;
	background: #F6E5E6;
	box-shadow: inset 0px 0px 20rpx 0px #FDABB4;
}

.sexuality .cb-item {
	background-color: #277CCE;
	box-shadow: inset 0 0 20rpx 0 #A9E6E2;
	color: #9CEFFF;
}

.cb-item-select {
	width: 80rpx;
	height: 80rpx;
	background: #58B938;
	box-shadow: inset 0px 0px 20rpx 0px #2AAA00;
	border-radius: 50%;
	font-size: 40rpx;
	color: #FFFFFF;
	margin-bottom: 20rpx;
	margin-right: 20rpx;
}

.mentalHealth .cb-item-select {
	background-color: #59C5FC;
	box-shadow: inset 0 0 20rpx 0 #209DD5;
}

.depressed .cb-item-select {
	background-color: #1EC4DA;
	box-shadow: inset 0 0 20rpx 0 #0C9BAE;
}

.sexuality .cb-item-select {
	background-image: linear-gradient(180deg, #B7EFFF 0%, #00A6C3 56%, #0688DA 100%);
	box-shadow: inset 0 0 20rpx 0 #EEE;
}
.goddess .cb-item-select, .queen .cb-item-select {
	background: #FBA1AB;
	box-shadow: inset 0px 0px 20rpx 0px #D75D6B;
}

.cb-title {
	font-size: 54rpx;
	font-weight: bold;
	color: #58B938;
	padding: 46rpx 0;
	box-sizing: border-box;
	width: 146rpx;
	margin: 0 auto;
}

.mentalHealth .cb-title {
	color: #046498;
}

.depressed .cb-title {
	color: #16715E;
}
.goddess .cb-title, .queen .cb-title {
	color: #922934;
}

.bb-pre-next{
	width: 206rpx;
	height: 88rpx;
	border-radius: 44rpx;
	background: #FFFFFF;
	border: 2rpx solid #58B938;
	font-size: 36rpx;
	color: #58B938;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 70rpx;
}

.sexuality .bb-pre-next {
	background-color: transparent;
	width: 270rpx;
	height: 95rpx;
	border: none;
}

.sexuality .bb-pre-next .img {
	width: 100%;
	height: 100%;
}

.mentalHealth .bb-pre-next {
	background-image: linear-gradient(180deg, #4FD9F4 0%, #179FE7 100%);
	border-color: transparent;
	color: #FFF;
	border: none;
}

.depressed .bb-pre-next {
	background-image: linear-gradient(180deg, #4FD9F4 0%, #18A4AC 100%);
	border-color: transparent;
	color: #FFF;
	border: none;
}

.goddess .bb-pre-next, .queen .bb-pre-next {
	background: linear-gradient( 180deg, #FFCDE4 0%, #FF7E8A 100%);
	border-color: transparent;
	color: #FFF;
	border: none;
}

.cb-title-img-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-right: 40rpx;
	padding-bottom: 40rpx;
	padding-top: 28rpx;
}

.cb-title-img {
	width: 388rpx;
	height: 84rpx;
}

.cb-title-text-img {
	width: 116rpx;
	height: 60rpx;
	margin-top: 8rpx;
}